<!doctype html>
<html lang="zh"
      xmlns:th="http://www.thymeleaf.org"
      xmlns:layout="http://www.w3.org/1999/xhtml"
      layout:decorate="~{layouts/layout}">
    <th:block layout:fragment="css"><!--引入外部css样式文件--></th:block>
    <style layout:fragment="styles">/*编写样式*/</style>
<head><title></title></head>
<body>
<section layout:fragment="content">
    <div class="container-box scrollbar" data-options="setHeight:'100%',scrollInertia:0,auto:true">
        <div class="container-body scrollbar-body">
            <div class="container-item">
                <a class="logo" href="/"><img width="100%" src="/img/logo-default.png" alt=""></a>
                <form
                        data-options="
                    form:{url:'/login'},
                    callback:{
                        method:'request',
                        url:'/admin/home'
                    }
                 ">
                    <div class="form-box lg-form">
                        <div class="form-item">
                            <div class="form-input input-group">
                                <span class="input-icon"><i class="fa fa-envelope"></i></span><input type="text" name="email" placeholder="邮箱" class="easyui-validatebox captchaValid" data-options="required:true,validType:'email'">
                            </div>
                        </div>
                        <div class="form-item">
                            <div class="form-input input-group">
                                <span class="input-icon"><i class="fa fa-lock"></i></span><input type="password" placeholder="密码" name="password" class="easyui-validatebox" data-options="required:true,validType:'password'">
                            </div>
                        </div>
                        <div class="form-item">
                            <div class="form-input captcha-box">
                                <input type="text" name="captcha" placeholder="验证码" class="easyui-validatebox captcha-input" data-options="required:true,validType:'numberLength[8]'"><span class="btn btn-default captcha-btn captcha" data-options="id:'.captchaValid',verify:'email',countdown:11110,url:'/captcha'">获取验证码</span>
                            </div>
                        </div>
                        <div class="form-item">
                            <label class="form-label form-checkbox pull-left">
                                <input class="easyui-checkbox" name="is_auto" data-options="label:'自动登录',value:'on'">
                            </label>
                            <a class="form-label form-checkbox pull-right notice-gray" th:href="@{/forget}">忘记密码?</a>
                        </div>
                        <div class="form-item">
                            <button type="button" class="btn btn-primary btn-block" onclick="$.submitForm(this)">登录</button>
                        </div>
                        <div class="form-item mt10">
                            <a class="form-label pull-right notice-gray" th:href="@{/register}">注册账户</a>
                        </div>
                    </div>
                </form>
                <div class="footer">
                    ©所有版权归朱辉所有
                </div>
            </div>
        </div>
    </div>
</section>
<th:block layout:fragment="js"><!--引入外部js文件--></th:block>
<script layout:fragment="scripts" th:inline="javascript">
    $(function() {
        $.msger.shows({
            info:['请注意相同的内容只显示一条'],
            success:['登录:::'+[[${message}]]],
            warning:['你好，这是一个{warning}消息'],
            //error:['你好，这是一个{error}消息'],
        });
    });
</script>
</body>
</html>